<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>漂流记 | 主页</title>

    <!-- Font awesome -->
    <link href="static/css/font-awesome.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="static/css/bootstrap.css" rel="stylesheet">
    <!-- SmartMenus jQuery Bootstrap Addon CSS -->
    <link href="static/css/jquery.smartmenus.bootstrap.css" rel="stylesheet">
    <!-- Product view slider -->
    <link rel="stylesheet" type="text/css" href="static/css/jquery.simpleLens.css">
    <!-- slick slider -->
    <link rel="stylesheet" type="text/css" href="static/css/slick.css">
    <!-- price picker slider -->
    <link rel="stylesheet" type="text/css" href="static/css/nouislider.css">
    <!-- Theme color -->
    <link id="switcher" href="static/css/theme-color/default-theme.css" rel="stylesheet">
    <!-- <link id="switcher" href="static/css/theme-color/bridge-theme.css" rel="stylesheet"> -->
    <!-- Top Slider CSS -->
    <link href="static/css/sequence-theme.modern-slide-in.css" rel="stylesheet" media="all">

    <!-- Main style sheet -->
    <link href="static/css/style.css" rel="stylesheet">

    <!-- Google Font -->
    <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>
<body>
<!-- wpf loader Two -->
 <!--  <div id="wpf-loader-two">          
      <div class="wpf-loader-two-inner">
        <span>Loading</span>
      </div>
    </div>  -->
<!-- SCROLL TOP BUTTON -->
<a class="scrollToTop" href="#"><i class="fa fa-chevron-up"></i></a>
<!-- END SCROLL TOP BUTTON -->

<!-- Start header section -->
<header id="aa-header">
    <!-- start header top  -->
    <div class="aa-header-top">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="aa-header-top-area">
                        <!-- start header top left -->
                        <div class="aa-header-top-left">
                            <!-- start language -->
                            <div class="aa-language">
                                <div class="dropdown">
                                    <a class="btn dropdown-toggle" href="#" type="button" id="dropdownMenu1"
                                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        <img src="static/img/flag/english.jpg" alt="english flag">ENGLISH
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                        <li><a href="#"><img src="static/img/flag/french.jpg" alt="">FRENCH</a></li>
                                        <li><a href="#"><img src="static/img/flag/english.jpg" alt="">ENGLISH</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- / language -->

                            <!-- start currency -->
                            <div class="aa-currency">
                                <div class="dropdown">
                                    <a class="btn dropdown-toggle" href="#" type="button" id="dropdownMenu1"
                                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        <i class="fa fa-usd"></i>USD
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                        <li><a href="#"><i class="fa fa-euro"></i>EURO</a></li>
                                        <li><a href="#"><i class="fa fa-jpy"></i>YEN</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- / currency -->
                            <!-- start cellphone -->
                            <div class="cellphone hidden-xs">
                                <p><span class="fa fa-phone"></span>00-62-658-658</p>
                            </div>
                            <!-- / cellphone -->
                        </div>
                        <!-- / header top left -->
                        <div class="aa-header-top-right">
                            <ul class="aa-head-top-nav-right">
                                <li class="hidden-xs"> 您好，{{ user }} </li>
                                <li class="hidden-xs"><a href={{ url_for("logout") }}>注销 </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- / header top  -->
    <!-- start header bottom  -->
    <div class="aa-header-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="aa-header-bottom-area">
                        <!-- logo  -->
                        <div class="aa-logo">
                            <!-- Text based logo -->
                            <a href="buyer_index">
                                <!--span class="fa fa-shopping-cart"></span-->
                                <!-- <p>去<strong>旅行</strong> <span>在线付款交易平台</span></p> -->
                                <p>漂<strong>流记</strong> <span>二手书籍交易平台</span></p>
                            </a>
                            <!-- img based logo -->
                            <!-- <a href="index"><img src="static/img/logo.jpg" alt="logo img"></a> -->
                        </div>
                        <!-- / logo  -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- / header bottom  -->
</header>
<!-- / header section -->
<!-- menu -->
<section id="menu">
    <div class="container">
        <div class="menu-area">
            <!-- Navbar -->
            <div class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                </div>
                <div class="navbar-collapse collapse">
                    <!-- Left nav -->
                    <ul class="nav navbar-nav">
                        <li><a href="tourist_index"></a></li>
                        <li><a href="contact"></a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </div>
    </div>
</section>
<!-- / menu -->
 
<!-- catg header banner section -->
<section id="aa-catg-head-banner">
  <img src="static/picture/shop_photo.jpg" width="1300" height="300" alt=""/>
<div class="aa-catg-head-banner-area">
    <div class="container">
      <div class="aa-catg-head-banner-content">
        <h2>我的书籍</h2>
        <ol class="breadcrumb">
          <li><a href="#">书籍</a></li>                   
          <li class="active">管理</li>
        </ol>
        <ol class="breadcrumb">
         <li class="aa-add-to-cart-btn"><a href={{ url_for("buyer_add") }}>发布旧书</a></li>
         </ol>
      </div>
    </div>
  </div>
</section>
<!-- / catg header banner section -->

<!-- Cart view section -->
<section id="cart-view">
   <div class="container">
     <div class="row">
       <div class="col-md-12">
         <div class="cart-view-area">
           <div class="cart-view-table aa-wishlist-table">
             <form action="">
               <div class="table-responsive">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>编号</th>
                        <th>图片</th>
                        <th>书名</th>
                        <th>ISBN</th>
                        <th>类别</th>
                        <th>原价</th>
                        <th>出售价</th>
                        <th>状态</th>
                        <th>编辑</th>
                      </tr>
                    </thead>
                    <tbody>
                    {% if seelist %}
                      {% for good in seelist %}
                      <tr>
                        <!--td><a class="remove" href="#"><fa class="fa fa-close"></fa></a></td-->
                        <!-- / 编号 -->
						            <td>{{ loop.index }}</td>
                        <!-- / 图片 -->
                        <td>
                          <a href="#"><img src="{{good.9}}" width="250" height="300" alt=""/></a>
                        </td>
                        <!-- / 书名 -->
                        <td><a class="aa-cart-title" href="buyer_book_detail/{{ good.1 }}">
                            {{ good.2 }}</a>
                        </td>
                        <!-- / ISBN -->
                        <td><a class="aa-cart-title" href="https://book.douban.com/subject_search?search_text={{good.3}}">
                        {{ good.3 }}
                        </td>
                        <!-- / 类别 -->
                        <td>{% if good.4 == 'literature' %} 文学</td>
                            {% elif good.4 == 'knowledge' %} 文化</td>
                            {% elif good.4 == 'life' %} 生活</td>
                            {% elif good.4 == 'tech' %} 科技</td>
                            {% elif good.4 == 'management' %} 经管</td>
                            {% endif %}
                        <!-- / 原价 -->
                        <td>{{ good.5 }}</td>
                        <!-- / 出售价 -->
                        <td>{{ good.6 }}</td>
                        <!-- / 状态 -->
                        <td>{% if good.8 == 0 %} 出售中...</td>
                            {% elif good.8 == 1 %} 求购中... </td>
                            {% endif %}
                        <!-- / 管理 -->
                        <td><a class="aa-add-to-cart-btn" href="/buyer_edit/{{ good.1 }}">修改</a></td>
                      </tr>
                      {% endfor %}
                    {% endif%}
                      <!--tr>
                        <td>2</td>
                        <td><a href="#"><img src="static/picture/book_icon.jpg" width="250" height="300" alt=""/></a></td>
                        <td><a class="aa-cart-title" href="#">Aria<br>Single room 609</a></td>
                        <td>$1350</td>
                        <td>04-14-2019</td>
                        <td>state~~</td>
                        <td><a href="buyer_edit" class="aa-add-to-cart-btn">更新</a>
                            <a href="#" class="aa-add-to-cart-btn">删除</a>
                            <a href="buyer_response" class="aa-add-to-cart-btn">回复</a></td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td><a href="#"><img src="static/picture/book_icon.jpg" width="250" height="300" alt=""/></a></td>
                        <td><a class="aa-cart-title" href="#">Aria<br>Double room 801</a></td>
                        <td>$3000</td>
                        <td>05-01-2019</td>
                        <td>state~~</td>
                        <td><a href="buyer_edit" class="aa-add-to-cart-btn">更新</a>
                            <a href="#" class="aa-add-to-cart-btn">删除</a>
                            <a href="buyer_response" class="aa-add-to-cart-btn">回复</a></td>
                      </tr-->                     
                    </tbody>
                  </table>
               </div>
             </form>             
           </div>
         </div>
       </div>
     </div>
   </div>
</section>
 <!-- / Cart view section -->


  <!-- Subscribe section -->
  <section id="aa-subscribe">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="aa-subscribe-area">
            <!--h3>Subscribe our newsletter </h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, velit!</p>
            <form action="" class="aa-subscribe-form">
              <input type="email" name="" id="" placeholder="Enter your Email">
              <input type="submit" value="Subscribe">
            </form-->
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- / Subscribe section -->

  
  <!-- Login Modal -->  
  <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">                      
        <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4>Login or Register</h4>
          <form class="aa-login-form" action="">
            <label for="">Username or Email address<span>*</span></label>
            <input type="text" placeholder="Username or email">
            <label for="">Password<span>*</span></label>
            <input type="password" placeholder="Password">
            <button class="aa-browse-btn" type="submit">Login</button>
            <label for="rememberme" class="rememberme"><input type="checkbox" id="rememberme"> Remember me </label>
            <p class="aa-lost-password"><a href="#">Lost your password?</a></p>
            <div class="aa-register-now">
              Don't have an account?<a href="account">Register now!</a>
            </div>
          </form>
        </div>                        
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div>



  <!-- jQuery library -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="static/js/bootstrap.js"></script>  
  <!-- SmartMenus jQuery plugin -->
  <script type="text/javascript" src="static/js/jquery.smartmenus.js"></script>
  <!-- SmartMenus jQuery Bootstrap Addon -->
  <script type="text/javascript" src="static/js/jquery.smartmenus.bootstrap.js"></script>  
  <!-- To Slider JS -->
  <script src="static/js/sequence.js"></script>
  <script src="static/js/sequence-theme.modern-slide-in.js"></script>  
  <!-- Product view slider -->
  <script type="text/javascript" src="static/js/jquery.simpleGallery.js"></script>
  <script type="text/javascript" src="static/js/jquery.simpleLens.js"></script>
  <!-- slick slider -->
  <script type="text/javascript" src="static/js/slick.js"></script>
  <!-- Price picker slider -->
  <script type="text/javascript" src="static/js/nouislider.js"></script>
  <!-- Custom js -->
  <script src="static/js/custom.js"></script> 
  

</body>
</html>